<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title></title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/index-part.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="icon" href="img/favicon.ico">
		
	</head>
	<body>
	
		<section class="index-container">
			<header class="zl-index-header">
				<div><img src="img/index/index-logo.png" /></div>
				<a href="#"><img src="img/index/location.png"/>北京</a>
			</header>
			
			<article class="zl-search">
				<input type="text" placeholder="请输入关键词"/>
				<button class="search">搜索</button>
			</article>
			
			<article class="index-slide swiper-container">
				<div class="swiper-wrapper">
					<a href="#" class="swiper-slide"><img src="img/index/index-slide1.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide2.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide3.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide4.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide5.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide6.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide7.jpg" alt="" /></a>
					<a href="#" class="swiper-slide"><img src="img/index/index-slide8.jpg" alt="" /></a>
				</div>
				<div class="swiper-pagination"></div>
			</article>
			
			<article class="index-title-list">
				<ul class="title-list">
					<a href="">
						<li><img src="img/index/index-title-list1.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list2.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list3.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list4.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list5.jpg"/></li>
					</a>
				</ul>
				<ul class="title-list">
					<a href="womaituan.html">
						<li><img src="img/index/index-title-list6.jpg"/></li>
					</a>
					<a href="chongzhi.html">
						<li><img src="img/index/index-title-list7.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list8.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list9.jpg"/></li>
					</a>
					<a href="">
						<li><img src="img/index/index-title-list10.jpg"/></li>
					</a>
				</ul>
			</article>
			
			<article class="index-lower-price">
				<div class="lower-product-left">
					<a href="#"><img src="img/index/index-lowerprice2.jpg" /></a>
				</div>
				<div class="lower-price-right">
					<a href="#"><img src="img/index/index-lowerprice3.jpg"/></a>
					<div>
						<a href="#"><img src="img/index/index-lowerprice4.jpg" /></a>
						<a href="#"><img src="img/index/index-lowerprice5.jpg" /></a>
					</div>
				</div>
			</article>
			
			<article class="index-headline">
				<header class="headline">
					<img src="img/index/headline-logo.png" class="headline-logo"/>
					<div class="headline-infomation">
						<ul>
							<li><a href="#">掌上早市，当日达说明</a></li>
							<!--<li><a href="#">翼支付减15起随机；立减活动规则</a></li>
							<li><a href="#">联通积分商城抽奖折扣券使用说明</a></li>
							<li><a href="#">华北地区因降雪配送延迟</a></li>-->
						</ul>
					</div>
					<img src="img/index/go.png" class="go"/>
				</header>
				<a href="#"><img src="img/index/index-headline.jpg"/></a>
			</article>
			
			<article class="index-delicate">
				<a href="#"><img src="img/index/index-delicate-head.jpg"/></a>
				<ul class="delicate-list">
					<a href="#">
						<li><img src="img/index/index-delicate1.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate2.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate3.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate4.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate5.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate6.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate7.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate8.jpg"/></li>
					</a>
					<a href="#">
						<li><img src="img/index/index-delicate9.jpg"/></li>
					</a>
				</ul>
			</article>
			
			<article class="index-fresh">
				<a href="#"><img src="img/index/index-fresh.jpg"/></a>
				<ul class="fresh-list">
					<a href="#">
						<li>
							<img src="img/index/index-fresh-img1.jpg" />
							<aside class="fresh-list-information">
								<h2>厄瓜多尔白虾</h2>
								<p><em>￥119.00</em>/1*2000g</p>
							</aside>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/index/index-fresh-img2.jpg" />
							<aside class="fresh-list-information">
								<h2>直采智利车厘子</h2>
								<p><em>￥299.00</em>/1*2000g</p>
							</aside>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/index/index-fresh-img3.jpg" />
							<aside class="fresh-list-information">
								<h2>巧克力味蛋糕卷</h2>
								<p><em>￥13.90</em>/1*300g</p>
							</aside>
						</li>
					</a>
				</ul>
			</article>
			
			<article class="index-part-product">
				<header class="part-product">
					<a href="#" class="product-header"><img src="img/index/index-hotsale.jpg"/></a>
					<a href="#" class="product-banner">
						<img src="img/index/index-hotsale-img1.jpg" alt="" />
					</a>
				</header>
				<ul class="part-product-list">
					<div class="part-product-left">
						<a href="#">
							<li><img src="img/index/index-hotsale-img2.jpg" alt="" /></li>
						</a>
					</div>
					<div class="part-product-right">
						<a href="#">
							<li><img src="img/index/index-hotsale-img3.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-hotsale-img4.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-hotsale-img5.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-hotsale-img6.jpg" alt="" /></li>
						</a>
					</div>
				</ul>
			</article>
			
			<article class="index-part-product">
				<header class="part-product">
					<a href="#" class="product-header"><img src="img/index/index-tasty-fresh.jpg"/></a>
					<a href="#" class="product-banner">
						<img src="img/index/index-tasty-fresh-img1.jpg" alt="" />
					</a>
				</header>
				<ul class="part-product-list">
					<div class="part-product-left">
						<a href="#">
							<li><img src="img/index/index-tasty-fresh-img2.jpg" alt="" /></li>
						</a>
					</div>
					<div class="part-product-right">
						<a href="#">
							<li><img src="img/index/index-tasty-fresh-img3.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-tasty-fresh-img4.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-tasty-fresh-img5.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-tasty-fresh-img6.jpg" alt="" /></li>
						</a>
					</div>
				</ul>
			</article>
			
			<article class="index-part-product">
				<header class="part-product">
					<a href="#" class="product-header"><img src="img/index/index-hotsale.jpg"/></a>
					<a href="#" class="product-banner">
						<img src="img/index/index-import-img1.jpg" alt="" />
					</a>
				</header>
				<ul class="part-product-list">
					<div class="part-product-left">
						<a href="#">
							<li><img src="img/index/index-import-img2.jpg" alt="" /></li>
						</a>
					</div>
					<div class="part-product-right">
						<a href="#">
							<li><img src="img/index/index-import-img3.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-import-img4.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-import-img5.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-import-img6.jpg" alt="" /></li>
						</a>
					</div>
				</ul>
			</article>
			
			<article class="index-part-product">
				<header class="part-product">
					<a href="#" class="product-header"><img src="img/index/index-subject.jpg"/></a>
					<a href="#" class="product-banner">
						<img src="img/index/index-subject-img1.jpg" alt="" />
					</a>
				</header>
				<ul class="part-product-list">
					<div class="part-product-left">
						<a href="#">
							<li><img src="img/index/index-subject-img2.jpg" alt="" /></li>
						</a>
					</div>
					<div class="part-product-right">
						<a href="#">
							<li><img src="img/index/index-subject-img3.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-subject-img4.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-subject-img5.jpg" alt="" /></li>
						</a>
						<a href="#">
							<li><img src="img/index/index-subject-img6.jpg" alt="" /></li>
						</a>
					</div>
				</ul>
			</article>
			
			<div class="index-aside">
				<nav class="index-nav">
					<ul>
						<li class="on"><a href="">生鲜蔬果</a></li>
						<li><a href="">进口食品</a></li>
						<li><a href="">粮油副食</a></li>
						<li><a href="">国产美食</a></li>
					</ul>
				</nav>
				
				<article class="index-vegetable">
					<ul class="vegetable-list">
						<li class="vegetable-item">
							<div>
								<a href="#">
									<img src="img/index/index-label2.png" class="lable"/>
									<i class="forward">预</i>
									<img src="img/index/vegetable-img1.jpg" class="vegetable-product"/>
								</a>
							</div>
							<h2>
								<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
							</h2>
							<h3>
								<span>￥88.00</span>
								<a href="#">立即查看</a>
							</h3>
						</li>
						<li class="vegetable-item">
							<div>
								<a href="#">
									<img src="img/index/index-label2.png" class="lable"/>
									<img src="img/index/vegetable-img2.jpg" class="vegetable-product"/>
								</a>
							</div>
							<h2>
								<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
							</h2>
							<h3>
								<span>￥88.00</span>
								<a href="#">立即查看</a>
							</h3>
						</li>
						<li class="vegetable-item">
							<div>
								<a href="#">
									<img src="img/index/index-label2.png" class="lable"/>
									<img src="img/index/vegetable-img3.jpg" class="vegetable-product"/>
								</a>
							</div>
							<h2>
								<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
							</h2>
							<h3>
								<span>￥88.00</span>
								<a href="#">立即查看</a>
							</h3>
						</li>
						<li class="vegetable-item">
							<div>
								<a href="#">
									<img src="img/index/index-label1.png" class="lable"/>
									<img src="img/index/vegetable-img4.jpg" class="vegetable-product"/>
								</a>
							</div>
							<h2>
								<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
							</h2>
							<h3>
								<span>￥88.00</span>
								<a href="#">立即查看</a>
							</h3>
						</li>
					</ul>
				</article>
				
			</div>
			
		</section>
		
		
		<footer class="h-footer">
			<div class="footera clealfax">
				<div class="f-l">
					<a href="denglu.html">登录</a>
					|
					<a href="zhuche.html">注册</a>
				</div>
				<div class="f-r">
					<a href="fankui.html">反馈</a>
					|
					<a href="#">回顶部</a>
				</div>
			</div>
			<div class="footerb">
				<a href="index.html">首页</a>
				<a href="fenlei.html">分类</a>
				<a href="#">购物车</a>
				<a href="#">我的小买</a>
				</ul>
			</div>
			<div class="footerc">
				<p> <a href="#">下载iphone客户端</a> &nbsp;&nbsp;| &nbsp;<a href="#">下载android客户端</a></p>
				<p> <a href="#">触屏版</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">电脑版</a></p>
				<p> <span class="kefu">客服电话</span><a href="#">400-005-5678</a></p>
				<div class="police clealfax">
					<a href="#">
						<img src="img/icpno.png"/>
						<p class="police-p">京公网安备 11010102000458号</p>
					</a>
					
				</div>
			</div>
		</footer>
		
		<a class="back-top"></a>
		<div class="pays" id="pays">
			<a href="javascript:void(0)"></a>
		</div>
		<div class="pay-for" id="pay-for">
			<a href="fenlei.html" class="pay-for1"></a>
			<a href="#" class="pay-for2"></a>
			<a href="denglu.html" class="pay-for3"></a>
			<a href="#" class="pay-for4"></a>
			<a href="denglu.html" class="pay-for5"></a>
			<a href="index.html" class="pay-for6"></a>
		</div>
		<script src="js/resize.js" ></script>
		<script src="vendor/require.min.js" data-main ="js/index"></script>
	</body>
</html>
